<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>控制元素的显示和隐藏</title>
		<style>
			#d1{
				display: none;
			}
			#d4{
				border: 3px solid red;
			}
			#d4 a{
				height: 400px;
				width: 300px;
				background-color: brown;
				color: white;
				margin: 15px;
				font-size: 50px;
				display: block;
			}
		</style>
	</head>
	<body>
		
		<div hidden>
			教育改变生活
		</div>
		<div id="d1">
			We change lives
		</div>
		<div>
			<img src="../images/jixue.jpg"/>
		</div>
		<div id="d4">
			<a href="#">淘宝</a><a href="#">京东</a><a href="#">一号店</a>
		</div>
	</body>
</html>